
<!doctype html>
<html lang="en-us">
<head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <title>Table</title>
    <link href="/vendor/fundamental-styles/dist/fundamental-styles.css" rel="stylesheet">
	<link href="../../styles/styles.css" rel="stylesheet">
	<script src="/vendor/luigi-client/luigi-client.js"></script>
</head>
<body>
<div>
    <div class="fd-page">
	<header class="fd-page__header">
    <div class="fd-action-bar">
        <div class="fd-action-bar__header">
          <h3 class="fd-action-bar__title" id="title">
              
          </h3>
          <p class="fd-action-bar__description" id="description"></p>
        </div>
        
    </div>
</header>

	<div class="fd-page__content">
    <section class="fd-section">
        <div class="fd-layout-panel">
            <div class="fd-layout-panel__header">
                <h3 class="fd-layout-panel__title">
                    Items
                </h3>
            </div>
            
            <div class="fd-layout-panel__body fd-layout-panel__body--bleed">
                <table class="fd-table">
                    <thead class="fd-table__header">
                        <tr class="fd-table__row" id="headerRow">
                            <th class="fd-table__cell">Column Header</th>
                            <th class="fd-table__cell">Column Header</th>
                            <th class="fd-table__cell">Column Header</th>
                            <th class="fd-table__cell">Column Header</th>
                        </tr>
                    </thead>
                    <tbody id="table">
                        <tr class="fd-table__row">
                            <td class="fd-table__cell">user.name@email.com</td>
                            <td class="fd-table__cell">First Name</td>
                            <td class="fd-table__cell">Last Name</td>
                            <td class="fd-table__cell">01/26/17</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="fd-layout-panel__footer">
            </div>
        </div>
    </section>
</div>
</div>

</div>


<script type="text/javascript">
(function() {

    let createHeader = () => {

    };

    let createRow = () => {

    };

    LuigiClient.addInitListener((context) => {
        console.log(context);
        document.getElementById("title").textContent = context.title;
        document.getElementById("description").textContent = context.description;
    });
})();
</script>
</body>
</html>
